﻿<div class="ui-widget-content">
    <h3>O que é o jQuery?</h3>
    <p>Biblioteca javascript feita para mudar a maneira como você programa javascript.</p>
    <ul>
        <li>Leve! Menos de 31 kb!</li>
        <li>Rápida e coesa.</li>
        <li>CSS Compliant! Suporta os seletores CSS 1-3 e mais alguns.</li>
        <li>Cross-browser! IE 6.0+, FF 2.0+, Safari 3.0+, Opera 9.0+, Chrome.</li>
        <li>Ajax, animações, efeitos, eventos, manipulação CSS, manipulação DOM.</li>
    </ul>
    <p>
        Exemplo:
        <p class="clicavel codigo" id="exemplo_show_click">$("#exemplo_show").show("slow");</p>
    </p>
    <p>
        <div id="exemplo_show" style="display: none; border: 1px solid; background-color: cyan">
            <p style="text-align: center;">Exemplo básico usando jQuery.</p>
        </div>
    </p>

    <script type="text/javascript">
        inicializador.introducaoInit = function() {
            $("#exemplo_show_click").click(function (a) {
                $("#exemplo_show").show("slow");
            });
        };
    </script>
</div>